<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title> Employee Bio-data </title>
		<link rel="stylesheet" href="../../css/styles.css" type="text/css" />
	</head>
	<script type="text/javascript">
	  	  
	  function showSearchForm(){
	         document.getElementById("viewDiv").style.display = "block";
	  }
	</script>
<body>
	<div id="container">
		<jsp:include page="/jsp/menu.jsp" />
		         <div style="height:420px;">
			  		<div class="path">
						<br><a href="home.htm"> Home </a>-&gt;
						<a> Account </a>-&gt;
						<a> Establishment Account </a>-&gt;
						<a> Employee Details </a>-&gt;
						<a href="employeeBiodata.htm"> Employee Bio-data  </a>
			  		</div>
			  		<div id="leftDiv" style="margin-left: 10px;margin-top: 20px">
			   			<b>Employee Bio-data</b><br><br>
						<fieldset style="height:50px; width:200px;background: #FFF;">
							<table cellpadding=20>
								<tr>
									<td>
										<a href="javascript:showSearchForm()">
					                        	View Employee Bio-data 
										</a>
									</td>
								</tr>
							</table>
						</fieldset>
			  		</div>
				</div>
				<form:form method="POST" action="getEmployeeBiodata.htm" commandName="employeeBioData">
                 <div id="viewDiv" class="maininfo" style="display: none">
						<div id="searchForm">
							<div class="lable">
								Employee Details
							</div>
						    <table>
								<tr>
									<td>Enter Employee Id</td>
									<td><form:input path="employeeId" /></td>
								</tr>
								<tr>
									<td>Enter Employee Name</td>
									<td><form:input path="employeeName" /></td>
								</tr>
								<tr>
									<td></td>
									<td><input type="submit" value="Search" ></td>
								</tr> 
							</table>
						</div>
						<div id="viewTable" style="display: none">
							<table cellpadding="10">
								<tr>
									<th> Employee Id : </th>
									<td>E143</td>
								</tr>
								<tr>
									<th> Employee Name : </th>
									<td>Mr.Pankaj Thakur</td>
								</tr>
								<tr>
									<th> Date of Birth : </th>
									<td>23-Mar-1985</td>
								</tr>
								<tr>
									<th> E-mail : </th>
									<td>pankaj@gmail.com</td>
								</tr>
								<tr>
									<th> Mobile Phone : </th>
									<td>9999666333</td>
								</tr>
								<tr>
									<th> Home Phone : </th>
									<td>(020) 224466</td>
								</tr>
								<tr>
									<th> Qualification : </th>
									<td>MCA</td>
								</tr>
								<tr>
									<th> Joining Date : </th>
									<td>03-Mar-2011</td>
								</tr>
								<tr>
									<th> Designation : </th>
									<td>Lecturer</td>
								</tr>
								<tr>
									<th> Department : </th>
									<td>Computer</td>
								</tr>
								<tr>
									<th> Subject : </th>
									<td>Operating System</td>
								</tr>
								<tr>
									<th> Status : </th>
									<td>permanant</td>
								</tr>
								<tr>
									<th> Previous Employer : </th>
									<td>Lecturer</td>
								</tr>
								<tr>
									<th> Total Experience : </th>
									<td> 1 year</td>
								</tr>
								<tr>
									<th> Salary : </th>
									<td>10000</td>
								</tr>
							</table>
						</div>
				  </div>
			</form:form>
		<div id="footer">
			<jsp:include page="/jsp/footer.jsp" />
		</div>
	</div>
</body>
</html>